<template>
	<view class="container">
		<view class="about-text">
			<!-- <text class="tit">{{applicationConfig.applicationDesc}}
</text> -->
			<view class="icon_box">
				<image :src="weChatSetting.wechatAppLogo || photo" class="icon_img"></image>
			</view> 
			<view class="title_box">
				<text>{{weChatSetting.wechatAppTitle}}</text>
			</view>
			<view class="details_box">
				<text>
					{{weChatSetting.wechatAppDesc}}
					</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				name: '',
				photo:'http://huayuyicheng.oss-cn-beijing.aliyuncs.com/admin/18c911f2-76c9-411c-a1b5-b5d743e3f454_file?Expires=3204676283&OSSAccessKeyId=LTAI4GCgVo5hfzdEqwYNXv1g&Signature=uXKNef7WSvNUSQmwadHHR0mRzY4%3D'
			};
		},
		computed: {
			...mapState(['hasLogin', 'userInfo','weChatSetting'])
		},
		methods: {
			...mapMutations(['updateWeCahtSetting']),
		},
		onLoad() {
			this.getWeChatSetting()
		}
	}
</script>

<style lang='scss'>
	page {
		background: $page-color-base;
	}

	.icon_box{
		width: 100%;
		height: 140upx;
		margin-top:300upx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.icon_img{
		width: 140upx;
		height: 140upx;
	}
	.title_box{
		font-size: 30upx;
		font-weight: bold;
		text-align: center;
		margin-top: 30upx;
	}
	.version_box{
		font-size: 24upx;
		font-weight: lighter;
		text-align: center;
		margin-top: 10upx;
	}
	.details_box{
	    padding: 50upx 70upx;
		text-align: center;
		line-height: 50upx;
	}

</style>
